/*任务未通过*/
import React from "react";
import {connect} from "dva";
import { createForm } from 'rc-form';
import { routerRedux } from 'dva/router';
import {ImagePicker, Button, TextareaItem, WhiteSpace, DatePicker, List  } from "antd-mobile";
import banner from '../../../../assets/infor/styles41.jpg';
import tpz from '../../../../assets/mine/rejected.png';
import styles from './rwrejected.less';
const empty = require('is-empty');


const Item = List.Item;
const Brief = Item.Brief;
class rwrejected extends React.Component{
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  render(){
    const { getFieldProps } =this.props.form;
    return(
      <div className="rwrejected">
        <WhiteSpace size="lg"/>
        <List className="icon-tou">
         <div>
           <div style={{marginLeft:'0.4rem',marginTop:'0.4rem',width:'60%',display:'inline-block'}}>
           <span style={{fontSize:'0.456rem'}}>调研督导</span><br/>
           <span style={{color:'#898989'}}>审批未通过</span>
           </div>
           <img src={tpz} style={{width:'1.5rem'}}/>
         </div>
          <Item>
            <TextareaItem
              {...getFieldProps('note1')}
              rows={6}
              placeholder="任务详情描述，任务详情描述，任务详情描述，任务详情描述，任务详情描述，任务详情描述，任务详情描述，任务详情描述，任务详情描述，"
            />
          </Item>
        </List>
        <WhiteSpace size="lg"/>
        <div style={{width:'100%'}} className="rejected-tupian">
          <div style={{width:'14%',display:'inline-block',height:'1.3rem'}}>图片</div>
          <div style={{width:'19%',display:'inline-block',marginLeft:'0.1rem'}}><img src={banner}/></div>
          <div style={{width:'19%',display:'inline-block',marginLeft:'0.1rem'}}><img src={banner}/></div>
          <div style={{width:'19%',display:'inline-block',marginLeft:'0.1rem'}}><img src={banner}/></div>
          <div style={{width:'19%',display:'inline-block',marginLeft:'0.1rem'}}><img src={banner}/></div>
        </div>
<WhiteSpace size="lg"/>
        <List><Item>未通过原因&nbsp;&nbsp;&nbsp;<span>重复提交</span></Item></List>
        <WhiteSpace size="lg"/>
        <List className="botton-thumb">
          <Item
            thumb={banner}
         extra={'2017-9-09-28 12:30'}
          ><span style={{fontSize:'0.256rem'}}>我  提交了申请</span></Item>
          <Item
            thumb={banner}
            extra={'2017-9-09-28 12:31'}
          ><span style={{fontSize:'0.256rem'}}>上级姓名</span> <span style={{color:'#ff2c2c'}}>已拒绝</span></Item>
        </List>
      </div>
    )
  }
}

function mapStateToProps({ infor }){
  return {
    infor
  };
}

const rwrejectex = createForm()(rwrejected);

export default connect(mapStateToProps)(rwrejectex);
